<div class="top">
    <div class="top_con wapper">
        <div class="left">
            <span>你好，欢迎来到楚楚街</span>
            <a href="/html/login.html">登录</a>
            <span class="ccc"></span>
            <a href="/html/register.html">免费注册</a>
            <span class="tc">退出</span>
        </div>
        <div class="right">
            <a href="/index.html">我的楚楚街<span></span></a>
            <a href="#">收藏网站<span></span> </a>
            <a href="#">帮助中心<span></span></a>
            <span>24小时客服咨询:</span>
            <a href="#">在线咨询</a>
        </div>
    </div>
</div>
    <div class="top_b wapper">
        <div class="left">
            <a href="/index.html"><img src="/img/2.png" alt=""></a>
        </div>
        <form action="">
            <input type="text" class="txt" value="请输入商品">
            <input type="button" value="搜索" class="but">
        </form>
        <div class="right">
            <a href="/html/cart.html">进入购物车</a>
            <b class="b">(&nbsp;0&nbsp;)</b>
        </div>    
    </div>
    <div class="downorder">
        <div class="left">
            <h2>所有商品分类</h2>
            <ul class="left_con ">
                <li><a href="/html/shopping.html">家具电器</a></li>
                <li><a href="/html/shopping.html">厨卫用品</a></li>
                <li><a href="/html/shopping.html">家纺布艺</a></li>
                <li><a href="/html/shopping.html">装修材料</a></li>
            </ul>
        </div>
        <ul class="nav">
            <li><a href="/index.html">首页</a></li>
            <li><a href="/html/shopping.html">热销产品</a></li>
            <li><a href="/html/about_us.html">关于我们</a></li>
            <li><a href="/html/about_us.html">联系我们</a></li>
            <li><a href="/html/about_us.html">购物流程</a></li>
            <li><a href="/html/about_us.html">新闻资讯</a></li>
        </ul>
    </div>
